<!-- 商品规格 -->
{if $goods.spec_info && count($goods.spec_info) > 0}
<div class="bg-white rounded-sm  p-6">
    <h3 class="text-lg font-semibold text-gray-800 mb-4 flex items-center">
        <i class="fas fa-list-ul mr-2 text-blue-500"></i>
        商品规格
    </h3>
    <div class="space-y-3">
        {volist name="goods.spec_info" id="spec"}
        <div class="flex items-start">
            <div class="text-sm text-gray-500 w-20 flex-shrink-0 text-right mr-3 pt-1">{$spec.label}:</div>
            <div class="flex-1 text-sm text-gray-800 leading-relaxed">{$spec.value}</div>
        </div>
        {/volist}
    </div>
</div>
{else}
<!-- 如果没有规格信息，显示占位内容或隐藏 -->
<div class="bg-white rounded-sm  p-6 hidden lg:block">
    <h3 class="text-lg font-semibold text-gray-800 mb-4 flex items-center">
        <i class="fas fa-info-circle mr-2 text-gray-400"></i>
        商品信息
    </h3>
    <div class="text-sm text-gray-500">
        <div class="flex items-center mb-2">
            <i class="fas fa-eye mr-2 text-blue-500"></i>
            <span>浏览量：<span class="view-count"
                    data-count="{$goods.views|default=0}">{$goods.views|default=0}</span></span>
        </div>
        {if $goods.create_time}
        <div class="flex items-center mb-2">
            <i class="fas fa-calendar mr-2 text-green-500"></i>
            <span>发布时间：{$goods.create_time|date='Y-m-d'}</span>
        </div>
        {/if}
        {if $goods.update_time && $goods.update_time != $goods.create_time}
        <div class="flex items-center">
            <i class="fas fa-sync mr-2 text-orange-500"></i>
            <span>更新时间：{$goods.update_time|date='Y-m-d'}</span>
        </div>
        {/if}
    </div>
</div>
{/if}